<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../node_modules/axios/dist/axios.js"></script>
</head>
<body>
<button>发送请求</button>
</body>
<script>
    const btn = document.querySelector("button");
    /*
    * [
    *
    *       请求拦截成功2,请求拦截失败2,
    *       请求拦截成功1,请求拦截失败1，
    *       request,undefined,
    *       响应拦截成功1，响应拦截失败1，
    *       响应拦截成功2，响应拦截失败2，
    *
    * ]
    * */

    // Promise.resolve({})
    //         .then(请求拦截成功2,请求拦截失败2)
    //         .then(请求拦截成功1,请求拦截失败1)
    //         .then(request,undefined,)
    //         .then(响应拦截成功1，响应拦截失败1)
    //         .then(响应拦截成功2，响应拦截失败2)
    // axios().then(value=>{
    //
    // });

    axios.interceptors.request.use(function(config){
        console.log("请求拦截成功1",config);
        return config;
    },function(){
        console.log("请求拦截失败1")
    });

    axios.interceptors.request.use(function(config){
        console.log("请求拦截成功2",config.url);
        return config;
    },function(){
        console.log("请求拦截失败2")
    });

    axios.interceptors.response.use(res=>{
        console.log("响应拦截成功1",res);
        return 1
    },(reason)=>{
        console.log("响应拦截失败1");
        return 1
    })
    axios.interceptors.response.use(res=>{
        console.log("响应拦截成功2",res);
        return 100
    },(reason)=>{
        console.log("响应拦截失败2");
        return reason
    })
    btn.onclick = function () {
        axios.get("http://zhangpeiyue.com/scoreList").then(value=>{
            console.log(value);
        })
    }

</script>
</html>